@charset "utf-8";

/* 媒体查询 */
$base-fonts-default: 100px; //基准数
$max-container: 750px;
$responsives:320px, 360px, 375px, 384px, 393px,414px, 480px,540, 640px,720px;  // 屏幕断点

@function rem($px){
    @return $px / $base-fonts-default *1rem;
}

@mixin fz($values){
    font-size: $values * $base-fonts-default / $max-container;
}
@each $responsive in $responsives {
  @media only screen and (min-width: #{$responsive}) {
        html{ @include fz($responsive);}
        body { font-size: ($responsive * $base-fonts-default / $max-container)*0.24;}
   }
}
